<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 定时器  
        // js提供给我们的一个延时执行代码的机制 

        // 超时定时器 延时定时器
        // setTimeout(函数,多长时间)
        // 返回值: 一个数字 表示页面上第几个定时器
        // 多长时间以后执行一次  
        // 多长时间以后 函数被执行 


        // 间歇定时器 
        // setInterval(函数,多长时间) 
        // 返回值:一个数字表示 页面上第几个定时器
        // 每隔多长时间执行一次 

        // 每隔多长时间 函数被执行 




        // 上面两个的返回值作用

        // 为了取消定时器 




        // 关闭定时器  
        //  不区分定时器种类,只要拿到第几个定时器,就可以把第几个
        //  定时器关闭掉


        // clearTimeout(第几个定时器)
        // clearInterval(第几个定时器)




        // 超时定时器  每个多长时间执行一次 
        // 是一次 
        // 时间:毫秒


        // var res1 = setTimeout(function(){
        //     console.log(999);
        // },3000)


        // function fn1(){
        //     console.log(666)
        // }

        // function fn2(){
        //     console.log(888)
        // }

        // var res2 = setTimeout(fn1,5000)

        // var res3 = setTimeout("fn2()",5000)

        // console.log(res1,res2,res3);


        // clearTimeout(res2)




        // var data = setInterval(function(){
        //     console.log('在么');
        // },2000);


        // console.log(data);

        function fn1(){
            console.log('呵呵');
        }

        var data1 = setInterval(fn1,2000);
        console.log(data1);


        function fn2(){
            console.log('我先去洗澡,有时间再聊')
        }

        var data2 = setInterval("fn2()",2000);
        console.log(data2);

        clearInterval(data1);

        clearTimeout(data2)

    </script>
</body>
</html>